<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户登录</title>
		<style>
			body{
				background-color: lightblue;
			}
			.loginDiv{
				width: 550px;
				height: 530px;
				background-color: white;
				/* 让div整体居中 */
				margin: 0 auto;
				/* 让div顶部外边距为100px */
				margin-top: 100px;
				text-align: center;
			}
			.loginImg{
				width: 350px;
				margin-top: 30px;
			}
			.loginInput{
				width: 426px;
				height: 45px;
				border-radius: 5px;
				margin-bottom: 10px;
				border: 1px solid darkgray;
				padding-left: 40px;
				/* 文本框背景色透明 */
				background-color: transparent;
				margin-left: -35px;
				padding-top: 3px;
			}
			#loginBtn{
				width: 470px;
				height: 55px;
				background-color: orange;
				color: aliceblue;
				font-size: 20px;
				border-radius: 5px;
				border: none;
				margin-left: -12px;
			}
			.sanfangImg{
				margin-top: 30px;
				width: 40px;
				margin-bottom: 15px;
			}
		</style>
	</head>
	<body>
		<div class="loginDiv">
			<!-- 放logo的div -->
			<div>
				<img src="img/tyustlogo.png" alt="学校名称图标" class="loginImg">
			</div>
			<h2>毕业设计管理系统</h2>
			<div>
				<span><img src="img/user.png" alt="" class="userImg"></span>
				<input type="text" placeholder="请输入用户名" class="loginInput">
				<br>
				<span><img src="img/password.png" alt="" class="passwordImg"></span>
				<input type="password" placeholder="请输入密码" class="loginInput">
				<br>
				<input type="submit" value="登录" id="loginBtn">
			</div>
			<!-- 放第三方登录 -->
			<div>
				<img src="img/weixin.png" alt="" class="sanfangImg">
				<img src="img/qq.png" alt="" class="sanfangImg">
				<img src="img/weibo.png" alt="" class="sanfangImg">
			</div>
			<div style="font-size: 13px;line-height: 20px;">
				技术支持：太原科技大学 宋书记
				<br>
				开发者：太原科技大学 舒傲寒
			</div>
		</div>
	</body>
</html>